export default [
  // 路由重定向 强制指定跳转到某一个页面
  { name: 'home', path: '/', redirect: '/home' },

  // 路由规则

  // 首页
  {
    name: 'home',
    path: '/home',
    component: () => import('@/views/Home/home.vue'),
    // 这里组件可以根据路由的信息决定是否显示底部页面： <footer v-show="$route.meta.show">
    // keepAlive: true 判断是需要缓存当前组件状态
    meta: { show: true, keepAlive: true }
  },

  // 搜索商品分类页面
  {
    name: 'search',
    // /:keyword 配置路由之间的传参
    path: '/search/:keyword?', // 路由传参第一种方法     <h1>{{ $route.params.keyword }}</h1>     <h1>{{ $route.query.q }}</h1>
    component: () => import('@/views/Search/search'),
    meta: { show: true, keepAlive: false }

    // 另外一种获取传参：组件通过props 可以接收  params参数,query参数和其他自定义参数
    // props: ($route) => {
    //   return {
    //     // 搜索框 params 参数
    //     keyword: $route.params.keyword,
    //     // 三级联动路由跳转  params 参数
    //     query: $route.query
    //   }
    // }
  },
  // 商品详情页面
  {
    name: 'detail',
    path: '/detail/:Skuid?',
    component: () => import('@/views/Detail/detail.vue'),
    meta: { show: true, keepAlive: false }
  },
  // 添加商品成功
  {
    name: 'addCartSuccess',
    path: '/addCartSuccess',
    component: () => import('@/views/Detail/addCartSuccess.vue'),
    meta: { show: true, keepAlive: false }
  },
  // 购物车
  {
    name: 'Carts',
    path: '/Carts',
    component: () => import('@/views/Carts/carts.vue'),
    meta: { show: true, keepAlive: false }
  },
  // 登录
  {
    name: 'login',
    path: '/login',
    component: () => import('@/views/Login/login.vue'),
    meta: { show: false, keepAlive: false }
  },

  // 注册
  {
    name: 'register',
    path: '/register',
    component: () => import('@/views/Register/register.vue'),
    meta: { show: false, keepAlive: false },
    children: [
      // 默认子路由重定向
      { path: '', component: () => import('@/views/Register/verifyCall.vue') },
    ]
  },

  // 测试组件
  /*  {
     name: 'zoom',
     path: '/zoom',
     component: () => import('@/components/Zoom/zoom.vue'),
     meta: { show: false }
   } */
]
